@charset "utf-8";
/*多分辨率设定rem设定*/
html { font-size : 20px; }
@media only screen and (max-width: 310px) and (min-width: 300px) {html { font-size: 20px !important; }}
@media only screen and (max-width: 320px) and (min-width: 310px) {html { font-size: 20px !important; }}
/*Note3*/
@media only screen and (min-width: 360px) {html { font-size: 22px !important; }}
/*iPhone6*/
@media only screen and (min-width: 376px) {html { font-size: 23px !important; }}
/*iPhone6 plus*/
@media only screen and (min-width: 414px) {html { font-size: 24px !important; }}
/*big Resolution*/
@media only screen and (min-width: 641px) {html { font-size: 25px !important; }}
/*公共样式*/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
img { vertical-align: top; border: 0; }
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; }
input:focus, select:focus, textarea:focus, button:focus { outline: 0; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none;
}
input[type="checkbox"] { border: 0; }
/*iphone手机的input的样式问题*/
input, button { -webkit-appearance: none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
body{background:#f2f2f2;}
table { border-collapse: collapse; border-spacing: 0 ;}
a { text-decoration: none; -webkit-touch-callout: none; }
em, i { font-style: normal; }
ul { list-style: none; margin: 0px; padding: 0px; }
li { list-style: none; }
html, body { height: 100%; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif; -webkit-font-smoothing: antialiased; font-style: normal; }
html { font-size: 14px; color: #666;}
a.react, label.react { display: block; color: inherit; height: 100%; }
a.react{display: -webkit-box !important;display: box !important;position: relative;}
.space { display: inline-block; width: 12px; }
.single-line { display:block;position: relative;-webkit-box-flex: 1;box-flex: 1; overflow: hidden;color: #fff; }
/*css初始值*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; list-style-type: none; }
body { margin: 0 auto; font-size:0.68rem; line-height: 180%; color: #333; min-width: 320px; max-width:640px; }
img { border: 0px;}
a { color: #333; text-decoration: none;  blr: expression(this.onFocus=this.blur()); outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:active { star: expression_r(this.onFocus=this.blur());} 
a:hover {color: #ffd33f; text-decoration: none;cursor: pointer;}
a:focus, input[type=button] ,input[type=submit] { outline: none; } 
input[type=button] ,input[type=submit]{ -webkit-appearance: none;}
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.main { width: 100%; overflow: hidden; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 14px ;}
fieldset, img { border: 0 ;}
cite, em, s, i, b { font-style: normal ;}
body, input, button, textarea, select, option { font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif,"微软雅黑";}
a, input, textarea { text-decoration: none; outline: 0 ;}
li, img, label, input { vertical-align: middle; }
var { font-style: normal ;}
ins { text-decoration: none ;}
input,button{
    outline:0 none;
    border:0 none;
}

/*input 字体颜色*/
input::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder {color:#999;}

/*清除浮动*/
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden ;}
.clearfix { zoom: 1 ;}
.clear{clear:both;}
/* 浮动 */
.fl{float:left;}
.fr{float:right;}

/*边框样式*/
.b-n { border:0 none !important;}
.b-r-0 { border-right: 0px;}
.b-r-1 { border-right: 1px;}
.b-l-0 { border-left: 0px;}
.b-l-1 { border-left: 1px;}
.b-t-0 { border-top: 0px;}
.b-t-1 { border-top: 1px;}
.b-b-0 { border-bottom: 0px ;}
.b-b-1 { border-bottom: 1px;}
/*margin样式*/
.m-t-0 { margin-top: 0px !important;}
.m-t-5 { margin-top: 5px !important;}
.m-t-10 { margin-top: 10px !important;}
.m-t-20 { margin-top: 20px !important;}
.m-t-50{ margin-top:50px !important;}
.m-r-10 { margin-right: 10px !important;}
.m-r-30 { margin-right: 30px !important;}
.m-b-50 { margin-bottom:50px !important;}
/*padding样式*/
.p-l-20 { padding-left: 20px!important;}

/*盒子模型*/
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w40{width:40% !important;}
.w50{width:50% !important;}
.w100{width:100% !important;}
/* flex布局 */
.dis-flex{
    display: -webkit-flex;/*新版本语法：chrome 21+*/
    display: flex;/*新版本语法:opera 12.1,Firefox 22+*/
    display: -webkit-box;/*老版本语法：Safari,iOS,Android browser,old Webkit browser*/
    display: -moz-box;/*老版本语法：Firefox(buggy)*/
}
.flex1{
    -webkit-flex:1;/*Chrome*/
    -ms-flex:1;/*IE 10*/
    flex: 1;/* NEW ,Spec - Opera 12.1,Firefox 20+*/
    -webkit-box-flex:1;/*OLD -iOS 6-,Safari 3.1-6*/
    -moz-box-flex:1;/*OLD - Firefox 19-*/
}

.wrap{
    max-width: 750px;
}
/*固定头部导航的内容盒子*/
.wrap1{padding-top:2.083rem !important;}
/*固定底部导航的内容盒子*/
.wrap2{padding-bottom:2.4rem !important;}
/*固定头部导航和底部导航的内容盒子*/
.wrap3{padding-top:2.083rem !important;padding-bottom:2.083rem !important;}
/*有padding内容盒子*/
.wrap4{padding:0.729rem;}
.wrap5{padding-top:2.68rem !important;}

/*固定底部按钮的内容盒子*/
.pbwrap{padding-bottom:3.258rem !important;}
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}

@media only screen and (min-width: 751px) {
    .wrap{
        min-height:90%;
    }
}

/* 底部样式 */
footer{
    left:0;
    bottom:0;
    width:100%;
    height:2.167rem;
    position:fixed;
    background:#fff;
    line-height:2.167rem;
}
.footer p{
    padding-left:0.5rem;
}
.footer button{
    color:#fff;
    height:2.167rem;
    padding:0 0.5rem;
    font-size:0.68rem;
    background:#ff9c00;
}

footer.footer-btn {
    height: auto;
    padding: 0.729rem 0;
    background: #f2f2f2;
}

/* 搜索框样式 */
.search{
    background:#fff;
    padding: 0.5rem 0.8rem;
}
.search-box{
    overflow: hidden;
    position: relative;
    border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border:1px solid #e0e0e0;
}
.search-box input{
    width:95%;
    display:block;
    text-indent:1.5rem;
    line-height:1.5rem;
}
.search-box  button {
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    background: url(../../images/search_icon.png) no-repeat center;
    background-size: 0.8rem auto;
}

/*灰色虚影*/
.shadow{
    box-shadow: 0 0 10px rgba(50,50,50,0.1);
    -o-box-shadow: 0 0 10px rgba(50,50,50,0.1);
    -ms-box-shadow: 0 0 10px rgba(50,50,50,0.1);
    -moz-box-shadow: 0 0 10px rgba(50,50,50,0.1);
    -webkit-box-shadow: 0 0 10px rgba(50,50,50,0.1);
}
.shadow-bottom{
    box-shadow: 0 2px 4px rgba(50,50,50,0.1);
    -o-box-shadow: 0 2px 4px rgba(50,50,50,0.1);
    -ms-box-shadow: 0 2px 4px rgba(50,50,50,0.1);
    -moz-box-shadow: 0 2px 4px rgba(50,50,50,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(50,50,50,0.1);
}

/*10px圆角*/
.radius10{
    overflow: hidden;
    border-radius:10px !important;
    -o-border-radius:10px !important;
    -ms-border-radius:10px !important;
    -moz-border-radius:10px !important;
    -webkit-border-radius:10px !important;
}
/*5px圆角*/
.radius5{
    overflow: hidden;
    border-radius:5px !important;
    -o-border-radius:5px !important;
    -ms-border-radius:5px !important;
    -moz-border-radius:5px !important;
    -webkit-border-radius:5px !important;
}
.white-bg{
    background:#fff !important;
}
.white-bga{
    background:#fafafa !important;
}
/*字体加粗*/
.fontW200{
    font-weight:200;
}
.fontW700{
    font-weight:700;
}
/*灰色标题样式*/
.info-title{
    font-size:0.68rem;
    line-height:1.51rem;
}
.tips{
    line-height:1.5;
    font-size:0.6rem;
}
.sizing{
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*右箭头*/
.arrow {
    top: 50%;
    right: 0;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    margin-top: -0.2rem;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*一行显示超出省略*/
.ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*个人中心底部导航*/
.user-footer{
    border-top:1px solid #f2f2f2;
}
.user-footer a i{
    width:100%;
    height:1rem;
    display:block;
    margin-top:0.2rem;
    background-size:auto 1rem;
    background-position:center;
    background-repeat:no-repeat;
}
.user-footer a{
    color:#999;
}

.user-footer a i.index-icon{
    background-image: url(../../images/index_icon.png);
}
.user-footer a.cur i.index-icon{
    background-image: url(../../images/index_icon_1.png);
}
.user-footer a i.user-icon{
    background-image: url(../../images/user_icon.png);
}
.user-footer a.cur i.user-icon{
    background-image: url(../../images/user_icon_1.png);
}
.user-footer p{
    padding:0;
    color:#999;
    font-size:0.6rem;
    line-height:1.5;
}

/*机构登录后首页底部导航--机构注册*/
.user-footer a i.index-service-admin-icon{
    background-image: url(../../images/index_service_admin_icon.png);
}
.user-footer a.cur i.index-service-admin-icon{
    background-image: url(../../images/index_service_admin_icon_1.png);
}
.user-footer a i.index-service-user-icon{
    background-image: url(../../images/index_service_user_icon.png);
}
.user-footer a.cur i.index-service-user-icon{
    background-image: url(../../images/index_service_user_icon_1.png);
}

/*固定头部切换*/
.head-tab{
    width:100%;
    color:#666;
    font-size:0.68rem;
    text-align: center;
    background:#f2f2f2;
}
.head-tab ul {
    padding: 0.729rem 0.4rem;
    padding-bottom: 0;
}
.head-tab li {
    background: #fff;
    line-height: 1.567rem;
    width: 48%;
    height: 1.467rem;
    margin: 0 2%;
    border-radius: 10px 10px 0 0;
}
.pb0{padding-bottom:0 !important;}
.mg0{margin:0 !important;}
.bd0{border:0 none !important;}

/* 弹窗样式 */
.layui-layer-page .layui-layer-content{
    font-size:0.68rem !important;
    padding-top:1rem !important;
}
.layui-layer-content h2,.layui-layer-content h3{
    font-weight: 400 !important;
    line-height:2 !important;
    font-size: 0.68rem !important;
    text-align:center !important;
}
.layui-layer-content h3{
    font-size:1rem !important;;  
}
.layui-layer-btn a{
    width:40% !important;
    font-size:0.6rem !important;
}

/* 各种协议勾选样式 */
.bottom-info{
    font-size:0.64rem;
}

.bottom-info .check{
    height:1.2rem;
    width:0.8rem;
    position:relative;
}
.bottom-info .check label {
    top: 50%;
    cursor: pointer;
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    border-radius: 3px;
    margin-top:-0.3rem;
    border: 1px solid #c2c2c2;
}
.bottom-info .check label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 7px;
    height: 4px;
    background: transparent;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4.5px;
    border: 0.1rem solid #ff9c00;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.bottom-info input {
    opacity:0;
    z-index: 1;
    width: 100%;
    top: 50%;
    margin-top:-0.34rem;
    height: 0.68rem;
    display: block;
    position: absolute;
    visibility: visible;
}
.bottom-info input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.bottom-info input[type=checkbox]:checked + label{
    border-color:#ff9c00;
}